/* 兼容浏览器 */

*{
  padding: 0;
  margin: 0;
}

.content{
  width: 100%;
  height: 100%;
}

/* 左边导航栏样式 */
.content-left{
  width: 19%;
  height: 780px;
  background-color: #1c232f;
  /* 左浮动 */
  float: left;
}
/* 内容区 */
.content-rigth{
  width: 81%;
  height:780px;
 
  /* 右浮动 */
  float: right;
}
/* 标题 */

.left-title{
  height: 50;
  width: 100%;
}
.left-title>a{
  /* a 标签改为一个块级元素 */
  display: block;
  /* 父元素的100% */
  width: 100%;
  height: 50px;
  /* 垂直居中 */
  line-height: 50px;
  /* 水平居中 */
  text-align: center;
  color: white;
  /* 去掉a标签默认下划线 */
  text-decoration: none;
}

/* 分割线 */
.seg{
  height: 1px;
  width: 100%;
  background-color: black;
}

/* 整个菜单栏样式 */
.nav{
  margin: 5px,0;
}
/* 菜单项标题 */
.nav-title{
  height: 40px;
  width: 100%;
  color: white;
  /* 水平居中 */
  text-align: center;
  /* 垂直居中 */
  line-height: 40px;
  /* 划过显示手性 */
  cursor: pointer;

}

/* 子标题类容区 */
.nav-content{
  width: 100%;
  height: 100%;
  background-color: #0c1119;
}


.nav-content>a{
  display: block;
  height: 30px;
  width: 100%;
  color: #CCCCCC;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  font-size: 14px;

}

/* 鼠标滑过背景颜色变化 */
.nav-content>a:hover{
  display: block;
  height: 30px;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  background-color: #12040c;
  
}